.body-guess {
    height: 326px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    .top {
        height: 32px;
        // box-sizing: border-box;
        padding-top: 28px;
        display: flex;
        justify-content: space-between;
        .left {
            font-size: 20px;
            .cai {
                color: #ccc;
                margin-left: 6px;
            }
        }
        .right {
            width: 60px;
            display: flex;
            div {
                width: 24px;
                height: 24px;
                border: 1px solid #ccc;
                border-radius: 50%;
                margin-right: 2px;
                a {
                    margin-left: 6px;
                }
            }
        }
    }
    .bottom {
        height: 266px;
        border: 1px solid #dedcdc;
        box-sizing: border-box;
        padding: 40px 0;
        ul {
            display: flex;
            justify-content: space-between;
            li {
                box-sizing: border-box;
                width: 200px;
                height: 210px;
                padding: 0 20px;
                .jieshao {
                    font-size: 12px;
                    padding-top: 20px;
                    height: 32px;
                    margin-bottom: 10px;
                    overflow: hidden;
                    color: black;
                }
                .jieshao:hover {
                    color: #b20fd3;
                }
                .money {
                    color: red;
                }
                img {
                    width: 130px;
                    height: 130px;
                    display: block;
                    margin: 0 auto;
                }
            }
            li:hover {
                opacity: 0.7;
            }
        }
    }
}